<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="作业.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2744067_9w2lswsgmp.css">
</head>
<body>
    <div class="site-header">
        <div class="w">
            <div class="logo">
                <a href="https://www.mi.com/index.html">
                    <span class="iconfont icon-icon-xiaomiguishu"></span>
                </a>
            </div>
            <div class="nav">
                <ul>
                    <li class="item">
                        <a href="">小米手机</a>
                        <div class="item-child">
                            <div class="w">
                                <ul>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1a359e9346e3c6ee8c9d8389e3fd9458.png?thumb=1&w=200&h=138&f=webp&q=90" alt="">
                                            </div>
                                            <h4>小米 MIX FLOD</h4>
                                            <p>9999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>小米11</h4>
                                            <p>5499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>小米11 Pro</h4>
                                            <p>4499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>小米11 青春版</h4>
                                            <p>2099元起</p>
                                        </a>
                                    </li>
                                    <li class="none">
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>小米10s</h4>
                                            <p>2999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="item">
                        <a href="">Redmi红米</a>
                        <div class="item-child">
                            <div class="w">
                                <ul>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.bBV4CGgn0wNWKEvOPB6qOAHaHa?w=147&h=180&c=7&r=0&o=5&dpr=1.25&pid=1.7" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li class="none">
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>1999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="item">
                        <a href="">电视</a>
                        <div class="item-child">
                            <div class="w">
                                <ul>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li class="none">
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>1999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="item">
                        <a href="">笔记本</a>
                        <div class="item-child">
                            <div class="w">
                                <ul>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li class="none">
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>1999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="item">
                        <a href="">平板</a>
                        <div class="item-child">
                            <div class="w">
                                <ul>
                                    <li class="none">
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>1999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="item">
                        <a href="">家电</a>
                        <div class="item-child">
                            <div class="w">
                                <ul>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li class="none">
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>1999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="item">
                        <a href="">路由器</a>
                        <div class="item-child">
                            <div class="w">
                                <ul>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>4999元起</p>
                                        </a>
                                    </li>
                                    <li class="none">
                                        <a href="https://www.mi.com/mix4" target="_blank">
                                            <div class="png">
                                                <img src="" alt="">
                                            </div>
                                            <h4>Xiaomi MIX 4</h4>
                                            <p>1999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="item">
                        <a href="">智能硬件</a>
                    </li>
                    <li class="item">
                        <a href="">服务</a>
                    </li>
                    <li class="item">
                        <a href="">社区</a>
                    </li>
                </ul>
            </div>
            <div class="search">
                <form action="">
                    <input clsss="text" type="text" placeholder="手机">
                </form>
                <span class="iconfont icon-fangdajing"></span>
            </div>
        </div>
    </div>
</body>
</html>